import { createBrowserRouter } from "react-router-dom";
import App from "../App";

const router = createBrowserRouter([
  {
    path: "/",
    element: <App></App>,
    children: [
      {
        path: "/index",
        lazy: async () => {
          const { default: Index } = await import("../pages/index/Index");
          return {
            element: <Index></Index>,
          };
        },
      },
      {
        path: "/class",
        lazy: async () => {
          const { default: Class } = await import("../pages/class/Index");
          return {
            element: <Class></Class>,
          };
        },
      },
      {
        path: "/order",
        lazy: async () => {
          const { default: Order } = await import("../pages/order/Index");
          return {
            element: <Order></Order>,
          };
        },
      },
      {
        path: "/home",
        lazy: async () => {
          const { default: Home } = await import("../pages/home/Index");
          return {
            element: <Home></Home>,
          };
        },
      },
    ],
  },
  {
    path: "/list/:type",
    lazy: async () => {
      const { default: List } = await import("../pages/list/Index");
      return {
        element: <List></List>,
      };
    },
  },
]);
export default router;
